<%--
  Created by IntelliJ IDEA.
  User: 解强
  Date: 2021/11/22
  Time: 9:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="${pageContext.request.contextPath}\resource\css\bootstrap.css">
    <script src="${pageContext.request.contextPath}\resource\js\bootstrap.js"></script>
    <script src="${pageContext.request.contextPath}\resource\js\jquery-3.2.1.js"></script>


</head>
<body>



<div class="row">
    <div class="col-4">
        <div class="list-group" id="list-tab" role="tablist">
            <a onclick="zhuan('list')" class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="" role="tab" aria-controls="home">Home</a>
            <a  onclick="zhuan('add')"class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="" role="tab" aria-controls="profile">Profilse</a>
            <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="" role="tab" aria-controls="messages">Messages</a>
            <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="" role="tab" aria-controls="settings">Settings</a>
        </div>
    </div>
    <div class="col-8">
        <div class="tab-content" id="nav-tabContent">
               </div>
    </div>
</div>
<script>
    function zhuan(s){
        $("#nav-tabContent").load(s);

    }



</script>


</body>
</html>
